<template>
  <ContainerGroup>
    <!-- <Container style="margin-bottom: 10px;">
      <div>
        <el-select v-model="bjType" placeholder="请选择">
          <el-option
            v-for="(item,index) in typeList"
            :key="index"
            :label="item.label"
            :value="item.value"
            @click.native="handleClickOption(index)"
          />
        </el-select>
      </div>
    </Container> -->
    <Container class="content" height="fill">
      <component :is="componentId" />
    </Container>
  </ContainerGroup>
</template>
<script>
import Department from './component/department'
export default {
  name: 'DataComparison',
  components: { Department },
  data() {
    return {
      componentId: 'Department',
      bjType: '1'
      // typeList: [
      //   {
      //     label: '科室',
      //     value: '1'
      //   },
      //   {
      //     label: '项目',
      //     value: '2'
      //   }
      // ]
    }
  },
  methods: {
    // handleClickOption(index) {
    //   if (index === 0) {
    //     // 科室
    //     this.componentId = 'Department'
    //   } else {
    //     // 项目
    //     this.componentId = 'Project'
    //   }
    // }
  }
}
</script>
